<template>
<!-- 运营管理自动分配 -->
    <div class="pre">
        <h4>自动配置管理</h4>
        <hr>
        <div class='main'>
            <ul>
                <li>
                    <div class="top">
                        <span class="left">自动分配时段</span>
                        <el-button type="text" @click="dialogVisible = true" class="right"> <span>配置自动分配时段</span></el-button>
                        <el-dialog title="配置自动分配时段" :visible.sync="dialogVisible" width="40%" :before-close="handleClose">
                            <m-time></m-time>
                            <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
      </span>
                        </el-dialog>
                    </div>
                    <div class="footer">
                        <p>开始 <span>00:00</span></p>
                        <p>结束 <span>23:59</span></p>
                    </div>
                </li>
                <li>
                    <div class="top">
                        <span class="left">阻塞阈值</span>
                        <el-button type="text" @click="block = true" class="right"><span>配置阻塞阈值</span></el-button>
                        <el-dialog title="配置阻塞阈值" :visible.sync="block" width="40%" :before-close="blockClose">
                            <el-form :model="blockForm">
                                <el-form-item label="阻塞阈值" label-width="80px">
                                    <el-input v-model="blockForm.value"></el-input>
                                </el-form-item>
                            </el-form>
                            <span slot="footer" class="dialog-footer">
        <el-button @click="block = false">取 消</el-button>
        <el-button type="primary" @click="block = false">确 定</el-button>
      </span>
                        </el-dialog>
                    </div>
                    <div class="footer">
                        <span>30</span>
                    </div>
                </li>
                <li>
                    <div class="top">
                        <span class="left">单次分配量</span>
                        <el-button type="text" @click="single=true" class="right"><span>配置单次分配量</span></el-button>
                        <el-dialog title="配置单次分配量" :visible.sync="single" width="40%" :before-close="singleClose">
                            <el-form :model="singleForm">
                                <el-form-item label="单次分配量" label-width="100px">
                                    <el-input v-model="singleForm.value"></el-input>
                                </el-form-item>
                            </el-form>
                            <span slot="footer" class="dialog-footer">
        <el-button @click="single = false">取 消</el-button>
        <el-button type="primary" @click="single = false">确 定</el-button>
      </span>
                        </el-dialog>
                    </div>
                    <div class="footer">
                        <span>4</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</template>
<script>
    import time from '../comm/time.vue'
    export default {
        data() {
            return {
                dialogVisible: false,
                block: false,
                single: false,
                blockForm: {
                    value: ''
                },
                singleForm: {
                    value: ''
                }
            }
        },
        methods: {
            handleClose(done) {
                done()
            },
            blockClose(done) {
                done()
            },
            singleClose(done) {
                done()
            }
        },
        components: {
            'm-time': time
        }
    }
</script>
<style lang="scss" scoped>
    @import '../../css/comm.scss'
</style>
